<!doctype html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <meta name="apple-touch-fullscreen" content="yes">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="format-detection" content="telephone=no">
    <meta name="applicable-device" content="mobile">
	<title>用户中心</title>
	<link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />
	<link rel="stylesheet" href="css/reset.css">
	<link rel="stylesheet" href="css/font-awesome.min.css">
	<link rel="stylesheet" type="text/css" href="css/usercenter.css">
	<script type="text/javascript" src="js/zepto.min.js"></script>
</head>
<body>
	<div class="container">
		<div class="topbar">
			<i class="fa fa-angle-left"></i>
			<h1>用户中心</h1>
		</div>
		<div class="header">
			<!-- <div class="logo" style="background-image:url(img/user.jpg); background-size: cover;"></div> -->
			<img src="img/user.jpg" alt="用户昵称">
			<div class="name">用户昵称</div>
		</div>
		<ul class="con">
			<li>
				<a href="#"><i class="fa fa-sticky-note"></i>我的订单<i class="fa fa-angle-right"></i></a>
			</li>
			<li>
				<a href="#"><i class="fa fa-star-o"></i>收藏夹<i class="fa fa-angle-right"></i></a>
			</li>
			<li>
				<a href="#"><i class="fa fa-sticky-note-o"></i>我的进货单<i class="fa fa-angle-right"></i></a>
			</li>
			<li>
				<a href="#"><i class="fa fa-question"></i>帮助中心<i class="fa fa-angle-right"></i></a>
			</li>
		</ul>
	</div>
	<footer>
		<p>2014-2016 云中购版权所有</p>
		<p>义乌购提供技术支持</p>
	</footer>
	<script type="text/javascript">
		$(function(){
			$(".topbar .fa-angle-left").click(function(){
				window.history.back(-1); 
			});
		});
	</script>
</body>
</html>